<script setup>
import '@/assets/css/style.css'
import '@/assets/css/ShopShow.css'
import '@/assets/css/MagicZoom.css'
import HeaderViewVue from './views/HeaderView.vue'
import FooterViewVue from './views/FooterView.vue'
import LoginHeaderViewVue from './views/LoginHeaderView.vue'
import { computed } from 'vue'
import { useStore } from 'vuex'

const store = useStore()
const showPage = computed(() => store.state.showPage)
</script>

<template>

  <div>
    <header-view-vue v-if="showPage === 0"/>
    <login-header-view-vue v-if="showPage===1"></login-header-view-vue>
    <router-view></router-view>
    <footer-view-vue v-if="showPage === 0"></footer-view-vue>
  </div>
</template>

<style scoped>
</style>
